<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/home/css/home.css?v=1" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
</head>

<body>
    <!--导航栏-->



	
    <section class="py2">
			<div class="wrap">
					<ul class="list">
						<li class="list-item active"><img class="list-item-img"  src="/static/home/img/banner18.jpg"/></li>
						<li class="list-item"><img class="list-item-img" src="/static/home/img/images/APP-top.jpg"/></li>
						<li class="list-item"><img class="list-item-img" src="/static/home/img/images/indexbanner1603281855450690001.jpg"/></li>
					</ul>
					<button type="button" class="btn1" id="gopre"><</button>
					<button type="button" class="btn1" id="gonext">></button>
				</div>


        <div class="sort">

            <ul class="item">
                {foreach $category as $one}
                <li>
                    {$one.cate_name}
                    <div class="sort-son">
                        {foreach $one['son'] as $k=>$two}
                        <span class="item-son"><br>
					<a href="" class="text-d">
						{$two.cate_name}
					</a> 
				</span>
                        <span class="item-son">
							{foreach $two['son'] as $three}
					<a href="{:url('home/goods/index',['id'=>$three.id])}" class="text-d">{$three.cate_name}</a>
				</span> {/foreach} {/foreach}
                      

                </li>
                {/foreach}
               
            </ul>
            <!-- 第四部分-->
            <section class="four">
                <div class="box">

                    <a href="{:url('home/index/introduce')}" class="text-d td">Second hand介绍</a><br>
                    <img src="/static/home/img/zhi.png" class="paper" />


                </div>
                <div class="box box-pos">
                    <a href="{:url('home/index/introduce')}" class="text-d td">Second hand好货</a><br>
                    <img src="/static/home/img/discount.png" class="paper paper-quan" />


                </div>

                <div class="box box-pos1">
                    <a href="{:url('home/index/introduce')}" class="text-d td">Second hand团队</a><br>
                    <img src="/static/home/img/good goods.png" class="paper paper-quan" />


                </div>
                <div class="box box-pos2">
                    <a href="{:url('home/index/introduce')}" class="text-d td">Second hand服务</a><br>
                    <img src="/static/home/img/service.png" class="paper paper-quan3" />
                </div>
                <div class="box1">
                    <a href="" class="text-d td1 zt">发现好货</a><br>
                    <a href="" class="text-d td1">一切尽在</a><br>
                    <a href="" class="text-d td1 zt1">Second hand</a>
                </div>

            </section>


            </div>
	</section>
	<section class="five">
			<div class="five-text">
				Second hand秒杀
			</div>
			<div class="five-img1">
				<a href=""><img style="width: 320px;" src="/static/home/img/images/itemfloor1603291623559100006.jpg"/></a>
			</div>
			<div class="five-img2">
				<a href=""><img style="width: 700px;" src="/static/home/img/images/itemfloor1603291625113140008.jpg"/></a>
			</div>
			<div class="five-img3">
				<a href=""><img style="width: 340px; height: 190px;" src="/static/home/img/images/itemfloor1603291631291580010.jpg"/></a>
			</div>
			<div class="five-img4">
				<a href=""><img style="width: 340px; height: 190px;" src="/static/home/img/images/itemfloor1603291624555860006.jpg"/></a>
			</div>
			<div class="five-img5">
				<a href=""><img style="width: 440px;height: 220px;" src="/static/home/img/images/itemfloor1603291631114540009.jpg"/></a>
			</div>
			<div class="five-img6">
				<a href=""><img style="width: 440px;height: 190px;" src="/static/home/img/images/itemfloor1603291631425110007.jpg"/></a>
			</div>
		</section>
		
   <section class="six">
			<div class="five-text">
				Second hand折扣
			</div>

			{foreach $goods as $v}
			<div class="six-card">
				<a href="{:url('home/goods/detail')}">
					<img class="six-img" style="width: 220px;" src="{$v.goods_logo}"/>
				</a>
				<div class="six-text">
					<!-- 佳能 750D 单反相机 -->
					{$v.goods_name}
				</div>
				<div class="six-pay">
					售价:￥{$v.goods_price}
				</div>
			</div>
			{/foreach}
			<!-- <div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div>
			<div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div>
			<div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div> -->
			
		</section>
		
		<section class="seven">
			<div class="five-text">
				
				Second hand特惠
			</div>
			{foreach $goods1 as $v}
			<div class="six-card">
				<img class="six-img" style="width: 220px;" src="{$v.goods_logo}"/>
				<div class="six-text">
						{$v.goods_name}
				</div>
				<div class="six-pay">
					售价:￥{$v.goods_price}
				</div>
			</div>
			{/foreach}
			<!-- <div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div>
			<div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div>
			<div class="six-card">
				<img class="six-img" src="/static/home/img/images/item_2005_1.jpg"/>
				<div class="six-text">
					佳能 750D 单反相机
				</div>
				<div class="six-pay">
					售价:￥1700
				</div>
			</div> -->
			
		</section>
		
		 <section class="eight">
		 <ul class="eight-part">
			 <li>了解我们
			 <div class="eight-part-text">
				 <a href="" >人才招聘</a><br>
				<a href="">关于我们</a><br>
				<a href="">新闻中心</a>
			 </div>
			 </li>
			 <li>合作信息
				 <div class="eight-part-text">
				 <a href="">我要开店</a><br>
				<a href="">加入联盟</a><br>
				<a href="">合作伙伴</a>
			 </div>
				 
			 </li>
			 <li>帮助中心和购物指南
			 <div class="eight-part-text">
				 <a href="">付款与退款</a><br>
				<a href="">汇款单招领</a><br>
				<a href="">发货与配送</a>
				<a href="">退货与换货</a><br>
				<a href="">帮助中心</a><br>  
			 </div>
			 </li>
			 
		 </ul>
	 </section>


    
</body>




<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>

<script src="/static/home/js/scripts.js"></script>

</script>


<script>
var listitems = document.getElementsByClassName('list-item');
        	var goprebtn = document.getElementById('gopre');
        	var gonextbtn = document.getElementById('gonext');
        	
        	var index = 0;//index表示第几张图片
        	
        	var clearActive=function(){
        		for(var i = 0;i<listitems.length;i++){
        			listitems[i].className='list-item'; 
        		}
        	}
        	
        	var goindex=function(){ 
        		clearActive();
        		listitems[index].className='list-item active';
        		
        	}
        	var gonext = function(){
        		if(index<3){
        			index++;
        		}else{
        			index=0;
        		}
        		
        		goindex();
        	}
        	
        	var gopre = function(){
        		if(index == 0){
        			index =3 ;
        		}else{
        			index--;
        		}
        		
        		goindex();
        	}
        	gonextbtn.addEventListener('click',function(){
        		gonext();
        	})
        	
        	goprebtn.addEventListener('click',function(){
        		gopre();
        	})

</script>
</html>